<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<h1>注册</h1>
<!--表单form
action:表单提交的位置，可以是网站，也可以是一个请求处理地址
method:post ,get提交方式
    get方式提交:我们可以在url中看到提交的信息，不安全，高效
    post方式提交:相对get方式比较安全，可以传输大文件

-->
<form action="我的第一个网页.html" method="get">

    <!-- 文本输入框:input type="text"
     value="默认值" :默认值
     maxlength="8" :可输入最大长度
     size="30":输入框长度
    -->
    <p>名字:<input type="text" name="username"></p>
    <!-- 文本输入框:input type="password" -->
    <p>密码:<input type="password" name="pwd"></p>

    <!--  单选框标签
      input type="radio"
      value:单选框的值
      name:表示组
      -->
    <p>
        <input type="radio" value="boy" name="sex"/>男
        <input type="radio" value="girl" name="sex"/>女
    </p>

    <!-- 多选框
input type="checkbox"
-->
    <p>
        <input type="checkbox" value="sleep" name="hobby">睡觉
        <input type="checkbox" value="code" name="hobby">敲代码
        <input type="checkbox" value="game" name="hobby">打游戏
        <input type="checkbox" value="chat" name="hobby">聊天
    </p>

    <!-- 下拉框
<select name="列表名称">下拉框
<option value="china">下拉框选项内容
selected：默认选中
-->
    <p>
        <select name="列表名称">
            <option value="china">中国</option>
            <option value="us">美国</option>
            <option value="eth">瑞士</option>
            <option value="india">印度</option>
        </select>
    </p>

    <!-- 文本域
    <textarea name="textarea"
    cols="30" rows="10">30列	10行
    </textarea>
    -->
    <p>
        <textarea name="textarea" cols="30" rows="10"></textarea>
    </p>

    <!-- 文件域
    <input type="file" name="files">
    -->
    <p>
        <input type="file" name="files">
        <input type="button" vaule="上传" name="upload">
    </p>

    <!-- 邮箱验证 -->
    <p>
        <input type="email" name="email">
    </p>
    <!-- URL -->
    <p>
        <input type="URL" name="url">
    </p>
    <!-- 数字（商品数量） -->
    <p>
        <input type="number" name="num" min="0" max="100" step="1">
    </p>
    <!-- 滑块（音量调节）
    <input type="range">
    -->
    <p>
        <input type="range" name="vioce" min="0" max="100" step="1">
    </p>
    <!-- 搜索框 -->
    <p>
        <input type="search" name="search">
    </p>

    <!-- 按钮
    <input type="button">普通按钮
    <input type="image">图片按钮
    <input type="submit">提交按钮
    <input type="reset">重置按钮（可以通过value对按钮赋值）
    -->
    <p>
        <input type="button" name="btn1" value="点击变长">
        <input type="image" src="../resources/image/1.jpg">
        <input type="submit">
        <input type="reset">
    </p>

</form>

</body>
</html>